import React, { useState, memo, useEffect, useMemo, useRef } from 'react';


function Arrow({ content, setconfig, style }) {
    const { color } = style;

    return (
        <div
            style={{ margin: 0, width: "100%", height: "100%" }}
        >
            <svg width="100%" height="100%"
                viewBox="0 0 124 20"
                preserveAspectRatio="none"
            >
                <defs>
                    <linearGradient id="Gradient_1cno48cjihu_985" class="gradient-direction" x1="0" x2="0" y1="0" y2="1">
                        <stop class="stop-color-1" offset="0%" stop-color="#ffffff"></stop>
                        <stop class="stop-color-2" offset="100%" stop-color="#ffffff"></stop>
                    </linearGradient>
                </defs>

                <path
                    fill={color}
                    d="M122.091247,9.5 L115.754869,5.93578777 L115.319082,5.69065715 L115.809343,4.81908161 L116.245131,5.06421223 L124.245131,9.56421223 L125.019864,10 L124.245131,10.4357878 L116.245131,14.9357878 L115.809343,15.1809184 L115.319082,14.3093429 L115.754869,14.0642122 L122.091247,10.5 L116,10.5 L0.5,10.5 L1.78745907e-14,10.5 L1.78745907e-14,9.5 L0.5,9.5 L116,9.5 L122.091247,9.5 Z"
                    >

                </path>
            </svg>
        </div>
    );
}

export default memo(Arrow);